<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>3D立体相册</title>
    <meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
    <link type="text/css" href="./css.css" rel="stylesheet" />
</head>
</body>
<div class="imgBody">
    <img style="width: 100%;height: 100%" src="https://cdn.pixabay.com/photo/2018/01/29/07/11/flower-3115353_1280.jpg">
</div>
<div class="audioDiv">
    <audio autoplay="true" loop="loop" preload="auto" controls="controls"
           src="https://www.xn--rsso51ap1b.top/image/thingSaid.mp3">
    </audio>
</div>
<div class="bodyBox">
    <div class="box">
        <ul class="minbox">
            <!-- 内层 -->
            <img src="./image/img1.jpg">
            <img src="./image/img2.jpg">
            <img src="./image/img3.jpg">
            <img src="./image/img4.jpg">
            <img src="./image/img5.jpg">
            <img src="./image/img6.jpg">
        </ul>
        <ol class="maxbox"><!-- 外层 -->
            <img src="./image/img7.jpg">
            <img src="./image/img8.jpg">
            <img src="./image/img9.jpg">
            <img src="./image/img4.jpg">
            <img src="./image/img5.jpg">
            <img src="./image/img6.jpg">
        </ol>
    </div>
</div>
</body>
</html>
